/* banner */
.slider{position: relative;}
.slider:nth-of-type(3){display: none;}
.slider img{display: block;width: 100%;}
.slider ul li{position: absolute;opacity: 0;transition: all 0.5s ease;}
.slider ul li.active{opacity: 1;}
.slider .tab,.slider .tab-mobile{position: absolute;width: 100%;text-align: center;bottom: 20px;}
.slider .tab span,.slider .tab-mobile span{display: inline-block;width: 40px;height: 5px;background-color: #fff;cursor: pointer;margin: 0 5px;}
.slider .tab span.active,.slider .tab-mobile span.active{background-color: #8a8a8a;}

/*about*/
.about{width: 1200px;margin: 70px auto 0 auto;}
.top{width: 710px;margin: 0 auto;}
.top > div{float: left;}
.top .solid{width: 150px;border-top: 2px solid #757575;margin-top: 20px;}
.top .title{font-size: 30px;color: #341b1b;margin: 0 40px;}
.about .text{width: 90%;line-height: 30px;color: #686565;margin: 50px auto;}
.about .img ul li{position: relative;float: left;margin-bottom: 5%;width: 47.5%;}
.about .img ul li a,.about .img ul li a img{display: block;width: 100%;}
.about .img ul li:first-child{width: 100%;}
.about .img ul li:nth-of-type(2),.about .img ul li:nth-of-type(4){margin-right: 5%;}
.about .img .dec{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(243,201,128,0.67);transition: all 0.5s ease;opacity: 0;}
.about .img .dec .box{position:absolute;width: 290px;height: 200px;border:3px solid #fff;left: 50%;top:50%;margin-left: -148px;margin-top:-103px;text-align: center; color: #fff;}
.about .img .dec .box h3{margin: 45px 0 10px 0;font-size: 28px;font-weight: 400;}
.about .img .dec .box p{width: 85%;margin: 10px auto;line-height: 30px;}
.about .img .dec:hover{opacity: 1;}

/*middle*/
.middle{background: url("../images/middle.jpg") no-repeat center;padding: 44px 0;}
.middle .out{width: 1200px;margin: 0 auto;}
.middle .out .middle-box{float: left;margin: 0 38px;}
.middle .out .middle-box:nth-of-type(1) img:nth-of-type(2){margin-top: 20px;}
.middle .out .middle-box:nth-of-type(2) img{width: 92.5%;margin: 0 auto;}
.middle .out .middle-box img{display: block;width: 100%;}
.middle .out .middle-box p{text-align: center;line-height: 30px;font-size: 16px;color: #7e7e7e;}
.middle .out .middle-box p span{font-size: 12px;}

/*product*/
.product{margin: 70px auto;width: 1200px;}
.product .top{width: 500px;}
.product .show{margin: 80px auto 0 auto;}
.product .show ul li{width: 23%;text-align: center;float: left;margin: 1%;}
.product .show ul li a{display: block;}
.product .show ul li a img{width: 100%;margin-bottom:30px;display: block;}
.product .show ul li a h4{font-weight: 400;}
.product .show ul li a .box{position: relative;}
.product .show ul li a .box .shadow{position: absolute;width: 100%;height:100%;background-color:rgba(243,201,128,0.67);left: 0;top:0;opacity: 0;transition: all 0.5s ease;}
.product .show ul li a .box .shadow span{position:absolute;padding: 10px 20px;border: 3px solid #fff;color: #fff;left: 50%;top:50%;margin-left: -47px;margin-top: -28px;}
.product .show ul li a .line{width: 90px;border-bottom: 1px solid #726969;margin: 10px auto;}
.product .show ul li a p{font-size: 12px;color: #afafaf;width: 77%;margin: 0 auto 10px auto;line-height: 18px;}
.product .show ul li:hover .box .shadow{opacity: 1;}

/*video*/
.video{width: 1200px;margin: 0 auto;}
.video video{width: 100%;cursor: pointer;}

/*news*/
.news{margin: 70px auto;width: 1200px;}
.news .top{width: 500px;margin-bottom: 60px;}
.news > ul > li{text-align: center;float: left;margin: 0 10px;width:380px;}
.news > ul > li img{width:100%;}
.news > ul > li p{margin-top: 20px;font-size: 20px;transition: all ease 0.5s;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news > ul > li:hover p{color: #f3c980;}
.news .more{text-align: center;margin-top: 40px;}
.news .more a{padding: 10px 40px;border: 1px solid #f3c980;color: #f3c980;transition: all 0.5s ease;}
.news .more a span{font-family: "宋体";margin-left: 10px;}
.news .more a:hover{background-color: #f3c980;color: #fff;}

@media screen and (max-width: 1024px) {
	/*about*/
	.about{width: 95%;}
	/*middle*/
	.middle .out{width: 95%;}
	.middle .out .middle-box{width: 30%;}
	.middle .out .middle-box{margin: 0 1%;}
	.middle .out .middle-box:nth-of-type(2) img{width: 54%;}
	.middle .out .middle-box:nth-of-type(3) img{width: 113%;}
	/*product*/
	.product{width: 95%;}
	/*video*/
	.video{width: 95%;}
	/*news*/
	.news{width: 95%;}
	.news > ul > li{width: 31%;margin: 0 1.1%;}
	.news > ul > li div img{width: 100%;}
}
@media screen and (max-width: 960px){
	/*middle*/
	.middle .out .middle-box:nth-of-type(2) img{width: 50%;}
}
@media screen and (max-width: 800px){
	/*middle*/
	.middle .out .middle-box:nth-of-type(2) img{display: none;}
	/*product*/
	.product .show ul li{width: 48%;}
	/*news*/
	.news > ul > li p{font-size: 16px;}
}
@media screen and (max-width: 736px){

}
@media screen and (max-width: 670px){
	/*about*/
	.top{width: 100%;text-align: center;}
	.top > div{float: none;}
	.top .solid{display: none;}
	.about .img .dec .box{width: 150px;height: 75px;margin-left: -78px;margin-top: -40.5px;}
	.about .img .dec .box p{display: none;}
	.about .img .dec .box h3{font-size: 18px;margin: 0;line-height: 75px;}
	/*middle*/
	.middle .out .middle-box p{line-height: 26px;}
	/*product*/
	.product .top{width: 100%;}
	/*news*/
	.news .top{width: 100%;}
	.news > ul > li p{font-size: 14px;}
}
@media screen and (max-width: 570px){
	/*middle*/
	.middle .out .middle-box{width: 100%;}
	.middle .out .middle-box:nth-of-type(1),.middle .out .middle-box:nth-of-type(3){display: none;}
}
@media screen and (max-width:480px){
	/*banner*/
	.slider:nth-of-type(2){display: none;}
	.slider:nth-of-type(3){display: block;}
	/*about*/
	.about .img .dec .box{width: 100px;height: 50px;margin-left: -53px;margin-top: -28px;font-size: 16px;}
	.about .img .dec .box h3{line-height: 50px;}
	.top .title{font-size: 18px;}
	.about .text{font-size: 14px;text-align: justify;margin: 25px auto;}
}